<%--
  Created by IntelliJ IDEA.
  User: qianghj
  Date: 2019/9/4
  Time: 22:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>大众点评-快速注册</title>
    <link rel="icon" href="../images/dp_favicon.ico">
    <link rel="stylesheet" href="../css/dp_regist.css">
</head>
<body>
<!-- 顶部导航 -->
<div class="header-container">
    <div id="top-nav" class="top-nav">
        <div class="top-nav-container">
            <div class="mini-logo">
                <a href="">
                    <i class="icon-logo"></i>
                    大众点评首页
                </a>
            </div>
            <div class="quick-menu">
                <ul class="quick-menu-ul">
                    <li class="menu-item"><a href="">写点评</a> </li>
                    <li  class="menu-item">
                        <a href="">
                            <span>你好，请登录</span>
                        </a>
                        <a href="">
                            <span>免费注册</span>
                        </a>
                    </li>
                    <li  class="menu-item">
                        <a href="" class="info-list">
                            <span>个人中心</span>
                            <span class="list-logo"></span>
                        </a>
                        <div class="my-center" id="my-center">
                            <a href="">我的点评</a>
                            <a href="">我的收藏</a>
                            <a href="">我的团购</a>
                        </div>


                    </li>
                    <li  class="menu-item"><a href="">商户服务</a> </li>

                </ul>

            </div>
        </div>
    </div>
</div>
<!-- logo部分 -->
<div class="header">
    <div class="big-logo">
        <a href=""><img src="../images/dz.png"></a>
        <span>注册</span>
    </div>
</div>
<!-- 注册区域 -->
<div class="main">
    <div class="regist-img">
        <img src="../images/background.png">
    </div>
    <div class="regist-form">
        <form action="/dp/regist" method="post">
            <div class="form-item form-title">手机号快速注册</div>
            <div class="form-item form-alert">
                <span>手机号无效</span>
            </div>
            <div  class="form-item form-input">
                <select>
                    <option>中国 +86</option>
                    <option>香港（中国）+852</option>
                    <option>澳门（中国）+853</option>
                    <option>台湾（中国）+886</option>
                </select>

                <input type="text" name="telno"/>
            </div>
            <div  class="form-item form-input">
                <input type="text" placeholder="请输入动态码"/>
                <button>获得动态码</button>
            </div>
            <div  class="form-item form-input">
                <input type="password" placeholder="请输入密码" name="password"/>
            </div>
            <div class="form-item form-alert">
                <span>提示:密码应包含数字、大小写字母、特殊字符中的两种或两种以上</span>
            </div>
            <div  class="form-item form-input">
                <input type="submit" value="立即注册"/>
            </div>
            <div  class="form-item form-input policy">
                <input type="checkbox" name="isAgree"/>
                <div>阅读并同意大众点评网以下政策协议:</div>
                <div>《美团点评平台用户服务协议》、《隐私政策》</div>


            </div>
        </form>

    </div>
</div>
<!-- 网站底部 -->
<div class="footer-container"></div>
</body>
</html>
